﻿
.bgall * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
}
.bgall a {
  text-decoration: none;
}

.bgall {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1200px;
  height: 1600px;
  position: absolute;
  top:0px;
  left:0px;
  background-color: #1e3635;
  overflow-x: hidden;
  overflow-y: hidden;
  }

  .maincontent{
    position: relative;
    width: 1000px;
    height: 1470px;
    margin: 0 auto;
    background-color: #225066;
  }

  .toppart{
    position: relative;
    width: 1000px;
    height: 562px;
    background:url(juposter.jpg );
    background-size:1000px 562px;
    background-repeat:no-repeat;
  }
  .chupin{
    position: relative;
    margin:0 auto;
    width:280px; height:36px;
    background-color: #333333;
    opacity: 0.6;
  }
  .chupin p{
    color:#f2f2f2;
    line-height: 36px;
    font-size: 16px;
    text-align:center;
    letter-spacing:2px;
  }
  .SList{
    position: absolute;
    left: 20px; bottom: 20px;
    width:320px; height:250px;
    background-color: rgba(123,170,171,0.6);/*#7BAAAB*/
    padding-left: 20px;
    padding-top: 6px;
  }
  .SList p{
    color:#ffffff;
    line-height: 28px;
    font-size: 16px;
    text-align:left;
  }
  .SList p:nth-child(1){
    color:#1e3635;
    line-height: 36px;
    font-size: 24px;
    font-weight: bold;
  }
  .jutittle{
    position: absolute;
    right:50px; top:125px;
    width: 120px; height: 160px;
    background-color: rgba(221,215,204,0.9);/*#DDD7CC*/
  }
  .jutittle p{
    color: #333333;
  }

  .jutittle p:nth-child(1),
  .jutittle p:nth-child(2){
    position: absolute;
    width: 16px;
    line-height: 28px;
    font-size: 16px;
  }
  .jutittle p:nth-child(1){
    left:12px; top:8px;
    }
  .jutittle p:nth-child(2){
    left:40px; top:8px;
  }
  .jutittle p:nth-child(3){
    position: absolute;
    right:12px; top:8px;
    width: 36px;
    font-size: 36px;
    font-weight: bold;
    line-height: 70px;
  }
  .rect1{
    position: absolute;
    left:34px ;top:8px ;
    width:27px ;height:84px ;
    background-color: #BB9E94;
  }
  .circle1,.circle2{
    position: absolute;
    width:40px ;height:40px ;
    border: solid 2px #CC0000;
    border-radius: 50%;
  }
  .circle1{right:8px ;top:24px ;}
  .circle2{right:8px ;top:94px ;}

  .midpart{
    position: relative;
    width: 1000px; height: 350px;
    padding: 6px 40px 0 40px;
  }
  .CList,.CL1,.CL2,.EDList{display: inline-block;}
  .CL1{margin-right: 40px;}
  .CList{margin-right: 50px;}
  .EDList{margin-left: 80px;}
  .CList p,.EDList p{
    color:#f2f2f2;
    line-height: 30px;
    font-size: 16px;
  }
  .CList p{text-align: left;}
  .EDList p{text-align: right;}
  .CList .CAST p,
  .EDList p:nth-child(1){
    font-size: 24px;
    line-height: 42px;
    font-weight: bold;
  }
  .EDList p:nth-child(2){
    font-size: 18px;
    line-height: 32px;
  }
  .rect2{
    position: absolute;
    right:290px ;top:50px ;
    width:4px; height:270px;
    background-color: #CCCCCC;
  }

  .botpart{
    position: relative;
    width: 1000px; height:578px;
    background:url(edposter.jpg );
    background-size:1000px 578px;
    background-repeat:no-repeat;
  }

  .linkgroup{
    position: absolute;
    left:20px;
    width:120px;height:100%;
    background-color: rgba(101,39,16,0.7);
  }
  .linkgroup .lg{
    position: relative;
    width:72px;
	margin:0 auto;
  }
  .linkgroup .lg p{
    color: #DDD7CC;
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-top: 14px;
  }
  .lg a{
    display: block;
    position: relative;
    margin: 4 auto;
    width: 72px; height:72px;
    background-color: rgba(221,215,204,0.7);
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    line-height: 72px;
    font-weight: bold;
    text-align: center;
  }
  .lg .rho{
    position: relative;
    margin: 0 auto;
    width:18px;height:18px;
    background-color: #ffffff;
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    transform:rotate(45deg);
  }

  .shengming{
    position: relative;
    margin: 12 auto;
  }
  .shengming p{
    color: #eeeeee;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
  }
